<template>
  <div style="display: inline-block">
    <el-badge max="99" :value="count" :hidden="count == 0" class="item">
      <i
        class="el-icon-message-solid"
        @click="jump"
        style="font-size: 22px"
      ></i>
    </el-badge>
  </div>
</template>
<script>
import store from "@/store";
export default {
  data() {
    return {};
  },
  computed: {
    count() {
      return this.$store.state.user.countFlwNotice;
    },
  },
  mounted() {},
  methods: {
    jump() {
      this.$router.push("/system/message?isDone=0");
    },
  },
};
</script>
<style lang="scss" scoped>
.item {
  margin-top: -30px;
  margin-right: 10px;
  cursor: pointer;
}
::v-deep .el-badge__content.is-fixed {
  top: 8px !important;
}
</style>
